.online_box {
    position: absolute;
    top: 160px;
    right: 0;
    z-index: 99;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.online_box .open {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    z-index:999;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.online_box .open i {
    width:20px;
    text-align:center;
    font-size:20px;
    color:#FFFFFF;
}
.online_box .close {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    text-decoration: none;
    z-index:999;
}
.online_box .close i {
    font-size:16px;
    color:#FFFFFF;
}
.online_head{ position:relative; clear:both; }
.online_logo{ float:right; }
.online_name{ float:left; margin:10px; }
.online_name h3, .online_name p{ margin:0; font-weight:normal; color:#FFFFFF; }
.online_name h3{ font-size:16px; }
.online_body {
    position: relative;
    clear: both;
    margin: 10px;
    padding: 10px;
    background: #FFFFFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.online_blue{ background-color:#258CD1; }
.online_blue .open{ background-color:#258CD1; }
.online_blue .open:hover{ background-color:#2077B2; }

.online_green{ background-color:#29B765; }
.online_green .open{ background-color:#29B765; }
.online_green .open:hover{ background-color:#239A55; }

.online_red{ background-color:#E74C3C; }
.online_red .open{ background-color:#E74C3C; }
.online_red .open:hover{ background-color:#E43725; }

.online_black{ background-color:#555555; }
.online_black .open{ background-color:#555555; }
.online_black .open:hover{ background-color:#333333; }

.online_free .online_head,
.online_free .open,
.online_free .close{ display:none; }
.online_free .online_body{ margin:0; padding:0; background:none; }